<template>
  <div id="ban_login">
    <div id="ban_login_center">
      <ul>
        <li v-show="isFlag"><router-link to="/home">首页</router-link></li>
        <li><a href="#">数学专栏</a></li>
        <li><a href="#">化学专栏</a></li>
        <li><a href="#">英语专栏</a></li>
        <li><a href="#">支付专栏</a></li>
        <li><router-link :to="{name:'educationPower'}">学历提升</router-link> </li>
        <li><a href="#">产品介绍</a></li>
        <li><a href="#">留言</a></li>
        <li><a href="#">个性文化</a></li>
      </ul>
    </div>
    <div>
            <span style="font-size: 20px;display: block; float: right;margin-top:-20px;color: white">时间:{{currentTime }}</span>
    </div>
  </div>
</template>

<script>


export default {
  name: "ban_loginnerLogin",
  props:['isShow'],
  data() {
    return {
      isFlag:true,
      currentTime: "",
      user: '',
      flag: true
    }
  },
  created() {
    this.isFlag=this.isShow;
    this.updateTime();
    setInterval(this.updateTime, 1000);
  },
  methods: {
    updateTime() {
      // 获取当前日期和时间
      var now = new Date();

      // 获取日期和时间的各个部分
      var year = now.getFullYear(); // 年
      var month = now.getMonth() + 1; // 月（getMonth() 返回的月份是从 0 开始的）
      var day = now.getDate(); // 日
      var hours = now.getHours(); // 小时
      var minutes = now.getMinutes(); // 分钟
      var seconds = now.getSeconds(); // 秒

      // 格式化时间，确保每个部分都是两位数字
      month = month < 10 ? '0' + month : month;
      day = day < 10 ? '0' + day : day;
      hours = hours < 10 ? '0' + hours : hours;
      minutes = minutes < 10 ? '0' + minutes : minutes;
      seconds = seconds < 10 ? '0' + seconds : seconds;

      // 组合成最终的时间字符串
      this.currentTime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
    }
  }
}
</script>


<style scoped>
#ban_login {
  //background-color: black;
  background-color: lavender;
  width: 100%;
  height: 53px;
  color: white;
}

#ban_login_center {
  //width: 1200px;
  width: 100%;
  align-content: center;
  height: 30px;
  line-height: 30px;
  margin: 0px auto;
}

#ban_login ul li {
  float: left;
  font-size: 19px;
  margin-top: 10px;
  margin-left: 60px;
}
</style>